<template>
  <div>
   
    <MyHeader bg="blue" color="black"/>
     <!-- <MyGoodsList/> -->
    <component :is='isCon'></component>
    <MyTabBar @changeName="changeCNn" :tabList="tabList"/>
  </div>
</template>

<script>

import 'bootstrap/dist/css/bootstrap.min.css'
import '../assets/fonts/iconfont.css'

import MyHeader from './components/MyHeader.vue'
import MyGoodsList from './pages/MyGoodsList.vue'
import MyTabBar from './components/MyTabBar.vue'
import MyGoodsSearch from './pages/MyGoodsSearch.vue'
import MyUserInfo from './pages/MyUserInfo.vue'

export default {
  data() {
    return {
      isCon:'MyGoodsList',
      tabList: [
            {
              icon: "icon-shangpinliebiao",
              text: "商品列表",
              name: "MyGoodsList",
              },
            {
              icon: "icon-sousuo",
              text: "商品搜索",
               name: "MyGoodsSearch",
              },
            {
              icon: "icon-user",
              text: "我的信息",
               name: "MyUserInfo",
            },
      ],
    }
  },
  methods:{
  changeCNn(index){
    this.isCon=this.tabList[index].name
}
  },
  components: {
    MyHeader, MyGoodsList, MyTabBar,MyGoodsSearch,MyUserInfo
  }
}
</script>

<style>

</style>